// 打开之后显示在聊天中心的内容
import Context from "./context";
import { useContext } from "react";
import Icon from "../_component/icon";

const modal_info = {
  minimax:
    "MiniMax是国内领先的拥有文本、语音、视觉三模态融合的千亿参数语言大模型。MiniMax文本大模型支持关键信息提取、知识问答、文本创作、文本总结、内容扩写、内容缩写、内容仿写、人设对话、作业批改等多种场景",
  云雀: "云雀是一款由字节跳动研发的语言模型，通过便捷的自然语言交互，能够高效的完成互动对话、信息获取、协助创作等任务",
  文心: "文心一言是百度研发的 人工智能大语言模型产品，能够通过上一句话，预测生成下一段话。 任何人都可以通过输入【指令】和文心一言进行对话互动、提出问题或要求，让文心一言高效地帮助人们获取信息、知识和灵感。",
  智谱: "智谱AI是由清华大学计算机系技术成果转化而来的公司，致力于打造新一代认知智能通用模型。公司合作研发了双语千亿级超大规模预训练模型GLM-130B，并构建了高精度通用知识图谱，形成数据与知识双轮驱动的认知引擎，基于此模型打造了ChatGLM（chatglm.cn）。此外，智谱AI还推出了认知大模型平台Bigmodel.ai，包括CodeGeeX和CogView等产品，提供智能API服务，链接物理世界的亿级用户、赋能元宇宙数字人、成为具身机器人的基座，赋予机器像人一样“思考”的能力",
  百川: "",
};

export default function Memo() {
  const { router } = useContext(Context);
  return (
    <div className="scrolling-touch scrolling-gpu relative h-full w-full overflow-auto overscroll-y-auto pb-12">
      <div className="divide-y">
        <div className="mt-24 flex w-full items-start justify-center px-4">
          <div className="shadow-xs w-full max-w-2xl rounded-lg border">
            <div className="rounded-t-lg bg-white px-6 pt-5 text-sm">
              <div className="flex items-center">
                <Icon name="cog-8"> </Icon>
                <div className="space-x-1 pl-1">
                  <span className="text-zinc-600">{router}</span>
                </div>
              </div>
              <div className="mt-4 text-xs text-zinc-500">
                OpenAI's most capable and cost effective model in the GPT-3.5
                family optimized for chat purposes, but also works well for
                traditional completions tasks.
              </div>
            </div>
            <div className="divide-y bg-white px-6 py-5 text-xs">
              <div className="flex items-start py-3">
                <div className="w-28 font-medium">Context</div>
                <div className="flex-1 text-zinc-600">4,096 tokens</div>
              </div>
              <div className="flex items-start py-3">
                <div className="w-28 font-medium">Input Pricing</div>
                <div className="flex-1 text-zinc-600">
                  $1.50 / million tokens
                </div>
              </div>
              <div className="flex items-start py-3">
                <div className="w-28 font-medium">Output Pricing</div>
                <div className="flex-1 text-zinc-600">
                  $2.00 / million tokens
                </div>
              </div>
            </div>
            <div className="rounded-b-lg border-t bg-zinc-100/75 px-6 py-5 text-xs font-medium">
              <div className="flex items-center justify-between">
                <div className="flex items-center justify-between space-x-4">
                  <a
                    href="https://platform.openai.com/docs/models/gpt-3-5"
                    className="inline-flex items-center text-zinc-500"
                  >
                    <span>Model Page</span>
                    <svg
                      fill="none"
                      height="16"
                      shapeRendering="geometricPrecision"
                      stroke="currentColor"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                      stokewidth="1.5"
                      viewBox="0 0 24 24"
                      width="16"
                      aria-hidden="true"
                      className="ml-1 h-3 w-3"
                    >
                      <path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"></path>
                      <path d="M15 3h6v6"></path>
                      <path d="M10 14L21 3"></path>
                    </svg>
                  </a>
                  <a
                    href="https://openai.com/pricing"
                    className="inline-flex items-center text-zinc-500"
                  >
                    <span>Pricing</span>
                    <svg
                      fill="none"
                      height="16"
                      shapeRendering="geometricPrecision"
                      stroke="currentColor"
                      strokeLinecap="round"
                      strokeLinejoin="round"
                      stokewidth="1.5"
                      viewBox="0 0 24 24"
                      width="16"
                      aria-hidden="true"
                      className="ml-1 h-3 w-3"
                    >
                      <path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"></path>
                      <path d="M15 3h6v6"></path>
                      <path d="M10 14L21 3"></path>
                    </svg>
                  </a>
                </div>
                <a
                  href="https://openai.com"
                  className="inline-flex items-center text-zinc-500"
                >
                  <span>Website</span>
                  <svg
                    fill="none"
                    height="16"
                    shapeRendering="geometricPrecision"
                    stroke="currentColor"
                    strokeLinecap="round"
                    strokeLinejoin="round"
                    stokewidth="1.5"
                    viewBox="0 0 24 24"
                    width="16"
                    aria-hidden="true"
                    className="ml-1 h-3 w-3"
                  >
                    <path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"></path>
                    <path d="M15 3h6v6"></path>
                    <path d="M10 14L21 3"></path>
                  </svg>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}
